// ModalFooterConfirm.tsx
import React from 'react'

export interface ModalFooterConfirmProps {
  onCancel: () => void
  onConfirm: () => void
  cancelText?: string
  confirmText?: string
}

const ModalFooterConfirm: React.FC<ModalFooterConfirmProps> = ({
  onCancel,
  onConfirm,
  cancelText = '取消',
  confirmText = '确定',
}) => {
  return (
    <>
      <button
        onClick={onCancel}
        className="px-4 py-2 text-sm text-gray-600 hover:text-black cursor-pointer bg-gray-100 rounded-md"
      >
        {cancelText}
      </button>
      <button
        onClick={onConfirm}
        className="ml-3 px-4 py-2 bg-blue-400 text-white text-sm  hover:bg-blue-600 rounded-md"
      >
        {confirmText}
      </button>
    </>
  )
}

export default ModalFooterConfirm
